/* 只读状态背景变白色 */
.form-control:disabled, .form-control[readonly]{
	background-color:#fff;
}

.marginright1{
	margin-right: 1px;
}
.marginleft1{
	margin-left: 1px;
}

/* checkbox控件外层DIV */
.zcheckbox_div{
	/* height: 38px; */
	font-size: 14px;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:0px;
	overflow:hidden;
}

.zcheckbox_div div{
	padding-top: 5px;
}

.float_left{
	float: left;
	padding-left: 10px;
}

/* zcheckbox控件 */
.zcheckbox{
	vertical-align: middle;
	width: 14px;
	height: 14px;
}

.a1 a:link{color:#000000;text-decoration:none;!important;}
.a1 a:visited {color:#000000;text-decoration:none;} 
.a1 a:hover {color:#000000;text-decoration:none;} 
.a1 a:active {color:#000000;text-decoration:none;}

.RedText{
	color: red;
}

/* A标签变色 */
.TableUrlA:link{color:#4032ae;text-decoration:none;!important;}
.TableUrlA:visited {color:#4032ae;text-decoration:none;} 
.TableUrlA:hover {color:#4032ae;text-decoration:none;} 
.TableUrlA:active {color:#4032ae;text-decoration:none;}


/* Text style 文字颜色1：紫底白字 */
.ts1{
	background-color:#4032ae;
	color:#fff;
}

/* font-size 字体大小 */
.fs10{
	font-size: 10px;
}
.fs14{
	font-size: 14px;
}
.fs20{
	font-size: 20px;
}
.fs30{
	font-size: 30px;
}
.fs40{
	font-size: 40px;
}
.fs50{
	font-size: 50px;
}
.fs60{
	font-size: 60px;
}

/* 左边距 */
.padding-left-20{
	padding-left: 20px;
}
.padding-left-30{
	padding-left: 30px;
}
.padding-left-40{
	padding-left: 40px;
}

.padding-bottom-10{
	padding-bottom: 10px;
}

.padding-bottom-20{
	padding-bottom: 20px;
}

/* 内边距 */
.margin-bottom-5{
	margin-bottom: 5px;
}

/* 边框样式 */
.border1{
	border: 1px solid #bbb;
}
.border1_top{
	border-top: 1px solid #bbb;
}
.border1_bottom{
	border-bottom: 1px solid #bbb;
}
.border1_left{
	border-left: 1px solid #bbb;
}
.border1_right{
	border-right: 1px solid #bbb;
}

/* 移动端CSS */
.mpage {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.mhead {
	z-index: 999;
}
.mhead_title{
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #bbb;
	padding-bottom: 10px;
	padding-top: 10px;
}

.mhead a:link{color:#000000;text-decoration:none;!important;}
.mhead a:visited {color:#000000;text-decoration:none;} 
.mhead a:hover {color:#000000;text-decoration:none;} 
.mhead a:active {color:#000000;text-decoration:none;}

.mhead_button_box{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	padding-top: 10px;
	border-bottom: 1px solid #bbb;
	flex-wrap: wrap;
}
.mhead_button{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	padding-bottom: 10px;
}

.mhead_paging_title{
	border-bottom: 1px solid #bbb;
}

.mbody {
	flex-grow: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	&::
	-webkit-scrollbar{
		display:none;
	}
	
	
}



.m_bottomrow {
	font-size: 14px;
	display: flex;
	flex-direction: row;
	/* flex-direction: 决定是横还是竖 
   1>row：从左到右的水平方向为主轴(默认值)
   2>row-reverse：从右到左的水平方向为主轴
   3>column：从上到下的垂直方向为主轴
   4>column-reverse：从下到上的垂直方向为主轴 */
	justify-content: space-around;
	/* 是在横向上做改变
  1>flex-start：主轴起点对齐(默认值) 
  2>flex-end：主轴结束点对齐 
  3>center：在主轴中居中对齐 
  4>space-between：两端对齐，除了两端的子元素分别靠向两端的容器之外，其他子元素之间的间隔都相等 
  5>space-around：每个子元素之间的距离相等，两端的子元素距离容器的距离也和其它子元素之间的距离相同 */
	align-items: stretch;
	/* align-items: 是在纵向上做改变 
  1>stretch 填充整个容器(默认值) 
  2>flex-start 侧轴的起点对齐 （这里我们手动设置下子 view 的高度，来看的明显一些） 
  3>flex-end 侧轴的终点对齐 
  4>center 在侧轴中居中对齐 
  5>baseline 以子元素的第一行文字对齐 */
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #bbb;
}

.m_bottomrow img {
	width: 40px;
	height: 40px;
}

.m_bottomrowColumn {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m_foot_botton_row_row{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}